html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;font-size:100%;font:inherit;vertical-align:baseline}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}
ol,ul{list-style:none}
blockquote,q{quotes:none}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}
table{border-collapse:collapse;border-spacing:0}
.body{z-index:-1;margin:0;padding:0;background:url(./Assessment10.png);background-position:center;background-repeat:no-repeat;overflow:hidden;background-size:cover;height:100vh;width:100vw;min-width:1115px;overflow:-Scroll;overflow-y:hidden;overflow:-Scroll;overflow-x:hidden}
@media all and (max-width:1115px){#Disappear{display:none}
}.all_Shadows{position:absolute;top:0;left:0;width:100%;background:#000;z-index:300;height:100%;visibility:visible;opacity:0.55;transition:0.5s}
.b3{transition:height 0.3s;height:0;overflow:hidden}
.b4{height:186px}
.b5{height:100px;transition:height 0.3s}
.b6{height:0px;overflow:hidden}
.ul{display:none}
.Nav{margin-left:75px;height:40px;width:850px}
li.Navigation{float:left;list-style:none;font-size:small;color:rgba(224,221,221,0.897)}
li a.Navigation{vertical-align:middle;line-height:30px;display:inline-block;padding:2px 18px;color:rgba(224,221,221,0.897)}
.line{line-height:33px;display:inline-block}
a.Navigation:hover{color:white}
.v2{position:absolute;bottom:0;height:80px;right:45px}
.img2{float:right;padding:10px}
.img2>a{display:inline-block;width:40px;height:40px}
#switch2{cursor:default}
.QR{position:absolute;width:120px;height:140px;line-height:20px;padding:10px;right:137px;font-family:"Segoe UI",Segoe,Tahoma,Arial,Verdana,sans-serif;font-weight:400;font-size:14px;color:#ffffff;text-align:center;border:1px solid #fff;background:rgba(0,0,0,0.664);pointer-events:none;opacity:0;transition:all 0s ease-in-out}
.QR:before,.QR:after{content:'';position:absolute;bottom:-81px;left:51%;margin-left:-5px;border-left:0.5px solid #fff;border-right:0.5px solid #fff;border-top:80px solid #fff}
.v2 div a:hover .QR{opacity:0.9;bottom:150px}
.v3:hover .v4{display:block}
.v4{display:none;background-color:rgba(0,0,0,0.651);width:360px;height:330px;position:absolute;margin-left:-15px;z-index:99999}
.v5:hover{background-color:white;opacity:0.7}
.right_Shadow{position:absolute;top:0;right:0;width:700px;height:300px;background:linear-gradient(15deg,transparent 0%,transparent 59%,rgba(0,0,0,.64) 100%);opacity:.5;z-index:-1}
.left_Shadow{position:absolute;top:0;left:0;width:1200px;height:300px;background:linear-gradient(350deg,transparent 0%,transparent 59%,rgba(0,0,0,.64) 100%);opacity:.5;z-index:-1}
.Icon1{position:absolute;left:55px;top:30px}
.Icon2{position:absolute;left:165px;top:30px}
.Icon3{position:absolute;left:275px;top:30px}
.Icon4{position:absolute;left:55px;top:135px}
.Icon5{position:absolute;left:165px;top:135px}
.Icon6{position:absolute;left:275px;top:135px}
.Icon7{position:absolute;left:55px;top:240px}
.Icon8{position:absolute;left:165px;top:240px}
.font{position:relative;left:3px;top:2px}
a.font{color:rgba(224,221,221,0.897)}
a.font:hover,a.font1:hover{color:white}
.font1{position:relative;left:-3px;top:2px}
a.font1{color:rgba(224,221,221,0.897)}
a#Login{color:white}
a{text-decoration:none}
input{outline:none}
#input_container{position:relative;padding:0 0 0;margin:145px 390px;direction:ltr;width:595px;height:50px;border-radius:6px;z-index:9999;box-shadow:0 2px 4px rgba(0,0,0,.3)}
#input{height:50px;padding-right:38px;width:550px;border-radius:8px;border-top-left-radius:0;font-size:16px;padding-left:12px;border:0px;z-index:9999}
#input:hover{box-shadow:0 2px 4px rgba(0,0,0,0.5)}
#input_img{position:absolute;bottom:0px;right:0px;width:45px;height:45px;z-index:9999}
.selected{position:absolute;width:90px;height:35px;background-color:#FFFFFF;border-top-left-radius:2px;border-top-right-radius:2px;top:-35px;left:0px;transform:scale(1.1,1.3) perspective(.5em) rotateX(2.2deg);transform-origin:bottom left}
.font2{position:absolute;padding-left:21px;padding-top:11px;padding-bottom:10px;padding-right:21px;cursor:text;color:rgb(0,0,0);top:-40px}
.unselected{position:absolute;width:90px;height:35px;background-color:rgba(255,255,255,0.801);border-top-left-radius:2px;border-top-right-radius:2px;top:-35px;left:91px;opacity:0.8;transform:scale(1.1,1.3) perspective(.5em) rotateX(2.2deg);transform-origin:bottom left}
.font3{position:absolute;padding-left:21px;padding-top:11px;padding-bottom:10px;padding-right:21px;top:-40px;left:91px;color:black}
.img3{position:relative;top:3.5px;width:16px}
.img4{width:16px}
.img5::before{display:none;position:absolute;content:'';right:16px;top:30px;height:0;width:0;border:8px transparent solid;border-bottom-color:#666666}
.img5::after{display:none;position:absolute;content:'';right:16px;top:46px;height:0;width:0;border:8px transparent solid;border-top-color:#666666}
.img5:hover .img6,.img5:hover::before,.img5:hover::after{display:block}
.img5 .img6{display:none;position:absolute;right:-16px;top:65px;width:80px;height:40px;border-radius:4px;background-color:#665666;box-shadow:0 0 0 1px rgba(0,0,0,.06),0 4px 12px 1px rgba(0,0,0,.14)}
.img6 span{position:absolute;font:13px/18px Arial,Helvetica,sans-serif;color:white;right:14px;top:10px;cursor:default}
.img7{float:right;line-height:20px}
#logo1{position:absolute;width:130px;margin-left:-160px;margin-top:-53px;box-sizing:border-box;z-index:9999}
#Text{position:relative;float:right;margin-top:-370px;margin-right:160px;font-size:13px;z-index:9999}
#logo2{position:absolute;float:right;left:20px;top:-2.5px;border-radius:100%;background-color:rgba(255,255,255,0.801);z-index:9999}
.dropbtn{background-image:url(./Assessment11.png);background-position:center;background-color:transparent;background-size:25px;border:none;position:relative;float:right;right:65px;top:-371px;width:25px;height:22px;color:white;cursor:pointer;z-index:9999;transition:0.3s}
.dropdown-content{position:absolute;font-family:Arial,Helvetica,Sans-Serif;font-size:14px;background-color:#f9f9f9;list-style-type:none;right:67px;top:40px;z-index:9999;transition:height 0.3s;height:0;width:340px;overflow:hidden}
.dropdown-content a{color:black;padding:15px 20px;text-decoration:none;display:block;z-index:9999}
.dropdown a:hover{background-color:#f1f1f1}
#Switch_Hide_Nav{position:absolute;display:inline-block;right:10px;top:320px;width:36px;height:16px;transition:all 0.3s}
#Switch_Hide_Bla{position:absolute;display:inline-block;right:10px;top:370px;width:36px;height:16px;transition:all 0.3s}
.switch input{display:none}
.slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#ccc;-webkit-transition:.4s;transition:.4s}
.slider:before{position:absolute;content:"";height:10.5px;width:10.5px;left:3px;bottom:3px;background-color:white;-webkit-transition:.4s;transition:.4s}
input:checked+.slider{background-color:teal}
input:focus+.slider{box-shadow:0 0 1px teal}
input:checked+.slider:before{transform:translateX(19px)}
.slider.round{border-radius:34px}
.slider.round:before{border-radius:100%}
.font4{float:right;line-height:20px}